<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团购网</title>
    <link rel="stylesheet" href="../tuangouw/css/faxian.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 导航栏 -->
        <div class="hdr_top">
            <a href="../tuangouw/分类.html">
                <p>Back</p>
            </a>
            <p>发现</p>
            <div class="sel">
                <select>
                <option value="">广州市</option>
                <option value="">上海市</option>
                <option value="">北京市</option>
        </select>
                <!-- 三角形 -->
                <i></i>
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="sou_s">
            <div class="inp">
                <input type="text" placeholder="请输入商品名称">
            </div>
        </div>
    </header>
    <!-- 内容 -->
    <main>
        <!-- 导航部分 -->
        <div class="bufen">
            <p>大家都在搜</p>
            <!-- 八个盒子 -->
            <div class="hezi">
                <ul>
                    <li><a href="#">寿司</a></li>
                    <li><a href="#">羽毛球</a></li>
                    <li><a href="#">火锅</a></li>
                    <li><a href="#">游泳馆</a></li>
                    <li><a href="#">电影</a></li>
                    <li><a href="#">ktv</a></li>
                    <li><a href="#">周黑鸭</a></li>
                    <li><a href="#">肯德基</a></li>
                </ul>
            </div>
        </div>
        <!-- 热门 -->
        <div class="re_men">
            <!-- 导航部分 -->
            <div class="tt">
                <span><img src="../tuangouw/images/faxian/形状 22.png"> 热门搜索</span>
                <span>更多 <img src="../tuangouw/images/index/形状4副本.png" alt=""></span>
            </div>
            <!-- 图片部分 -->
            <div class="tu">

                <a class="tu_1" href="#"><img src="../tuangouw/images/faxian/图层1.png" alt=""></a>

                <ul>
                    <li>
                        <a class="tu_2" href="#"><img src="../tuangouw/images/faxian/图层2.png" alt=""></a>
                    </li>
                    <li>
                        <a class="tu_3" href="#"><img src="../tuangouw/images/faxian/图层3.png" alt=""></a>
                    </li>
                    <li>
                        <a class="tu_4" href="#"><img src="../tuangouw/images/faxian/图层4.png" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="dd">
                <span><img src="../tuangouw/images/faxian/形状 16.png"> 推荐搜索</span>
                <span>更多 <img src="../tuangouw/images/index/形状4副本.png" alt=""></span>
            </div>
            <!-- 图片部分 -->
            <div class="tu_p">
                <ul>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层5.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层6.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层7.png" alt=""></a>
                    </li>
                </ul>
            </div>
            <div class="dd">
                <span><img src="../tuangouw/images/faxian/形状 16.png"> 推荐搜索</span>
                <span>更多 <img src="../tuangouw/images/index/形状4副本.png" alt=""></span>
            </div>
            <!-- 图片部分 -->
            <div class="tu_p">
                <ul>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层5.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层6.png" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="../tuangouw/images/faxian/图层7.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
        </div>
    </main>
    <!-- 底部导航栏 -->
    <nav>
        <div class="nav_di">

            <ul>
                <li>
                    <a href="../tuangouw/index.html"><img src="../tuangouw/images/faxian/首页.png" alt=""></a>
                    &nbsp;首页
                </li>
                <li>
                    <a href="../tuangouw/分类.html"><img src="../tuangouw/images/index/分类4.png" alt=""></a>
                    &nbsp;分类
                </li>
                <li>
                    <a href="../tuangouw/发现.html"><img src="../tuangouw/images/faxian/广场.png" alt=""></a>
                    &nbsp;发现
                </li>
                <li>
                    <a href="../tuangouw/我的.html"><img src="../tuangouw/images/index/我的.png" alt=""></a>
                    &nbsp;我的
                </li>
            </ul>

        </div>
    </nav>
</body>

</html>